$(function(){
    // 需求一：获取数据，渲染侧边栏用户信息
       //注意：需要封装成全局函数，其他位置修改，用户信息也要变换
    getUserInfo()

    // 需求二：退出按钮
    $('#logout').on('click',function(){
        layer.confirm('确认退出登录吗?', {icon: 3, title:'提示'}, function(index){
            //do something
        location.href="/login.html"
        localStorage.removeItem('token')
            layer.close(index);
          });
        
    })
})

// 封装渲染侧边栏用户信息的函数
function getUserInfo(){
    axios({
        // 请求方式为get时，可省略method
        url:'/my/userinfo',
        // headers:{
        //     Authorization:localStorage.getItem('token')
        // }
    }).then(({data:res})=>{
        // 获取返回的数据，作为实参传给渲染数据的函数
        // console.log(res);
        if(res.status!=0){
            console.log(res.message);
            return layui.layer.msg(res.message)
        }
        renderAvatar(res.data)
    })
}

// 渲染获取用户头像和用户名
function renderAvatar(user){
    // 用户名称优先渲染nickname,没有则渲染username  使用逻辑中断  ||
    let name = user.nickname || user.username
    $('#welcome').text('欢迎 '+name)
    // 判断用户头像是否存在  true==>头像显示  false==>文字显示
    if(user.user_pic !== null){
        $('.text-avatar').hide()
        // console.log(user.user_pic);
        $('.userinfo img').show().attr('src',user.user_pic)
    }else {
        // 显示文字时，获取文字的首字母并大写显示
        $('.userinfo img').hide()
        $('.text-avatar').show().text(name[0].toUpperCase())
    }
}